<template>
  <div class="category">
    <div class="category">
      <page-search
        :searchFormConfig="searchFormConfig"
        @resetBtnClick="handleResetBtnClick"
        @searchBtnClick="handleSearchBtnClick"
      />
      <page-content
        ref="pageContentRef"
        pageName="category"
        :contentTableConfig="contentTableConfig"
      ></page-content>
    </div>
  </div>
</template>

<script lang="ts" setup>
import PageContent from '@/components/page-content'
import PageSearch from '@/components/page-search'

import { searchFormConfig } from './config/searchConfig'
import { contentTableConfig } from './config/contentConfig'
import { usePageSearch } from '@/hooks/usePageSearch'

const { pageContentRef, handleResetBtnClick, handleSearchBtnClick } =
  usePageSearch()
</script>

<style scoped></style>
